best app ui design

The Apple website looked at the introduction of IOS 11, found that there are many updates oh, such as control center, Siri, Live Photo, and so on, generally have a lot of good experience, but this article does not introduce features, only the visual interface.In the new UI interface for IOS 11, the major update interface has the App Store, so I can see some general details from the

Http://www.cocoachina.com/design/20150703/12029.htmlBone9The goodness-of-heart effect has become an essential part of an app, and it's natural to follow the trend as a designer. The dynamic effect in the app can be divided into two categories, one is the transition dynamic effect, the application in the page switching, loading, etc., this kind of dynamic effect c

and navigation. So that they can quickly get the information they need, and cherish each user's input operation. (You can simply touch and enter text to add new tasks to the Taskos app.) Of course, you can also modify many settings, but these are just optional actions. )3. Contrast Ratio Your development environment may be a room with a large screen and light, but the environment for users to use the app m

room with a large screen and light, but the environment for users to use the app might not be the case. Although we do not want to, but we do often need to use the mobile device in a strong sunlight environment. This can have a big impact on our viewing screen, which should be taken into account when designing the interface. Under these poor conditions, the details can be lost, the color is unclear, and some elements disappear completely due to sunli

The effect of pleasing to the eye has become an essential part of the app, and as a designer it is natural to follow trend learning. The dynamic effect of the app can be divided into two categories, one is the transition dynamic effect, the application in the page switching, loading, etc., this kind of dynamic effect can soften the excessive effect of the page, increase switching, loading, waiting for the p

uniform standard for mobile-phone web pages, and the popular practice is to design the iphone 5 in size. Magnification 2, logic pixel 320x568.This is true, magnification 2 screen in both iOS and Android is the mainstream, but also twice times the screen of the smallest logical pixels. So the size of the picture can be kept at a smaller level and the page loads faster. Of course, the disadvantage is that the magnification 3 of the device to see, the p

query Android, IOS, WP7 even GoogleTV app information, there is a vague total download volume and the current month downloads, the website shows BlackBerry data, but not yet available.6. Flurry, Website: http://www.flurry.com/This is now a more famous one, a lot of enterprise analysis data from this site.Second, prototype production tools1. Axure RP, which is one of my most familiar prototype design softwa

In the context of more and more content, designers should reduce the interference of useless information so that users can quickly focus on the content itself, this "less is more" design thinking is what we often say the minimalist style. UI Design LearningThe simplest and most brutal rule to shape the app's minimalist style is:The deletion of non-functional elem

more content, swipe down to try to return to the top and then display.The bottom navigation bar can be dynamically displayed and hidden based on scrolling.Visual PleasureAvoid using lateral sliding motion to switch the interface. Active and inactive interfaces, toggle transitions should use the overlay fade effect.Overlay fade animations. Source: Tancheng Life Circle http://www.0539g.comSummarizeThe bottom navigation should:　　visible and structurally sound (use 3 to 5 top-level destinations and

mainstream, but also twice times the screen of the smallest logical pixels. So the size of the picture can be kept at a smaller level and the page loads faster. Of course, the disadvantage is that the magnification 3 of the device to see, the picture is not particularly clear.If the pursuit of image quality, willing to sacrifice loading speed, then you can follow the largest screen to design. That is, the iphone 6 Plus size, magnification 3, logic pi

According to the standard is sometimes too complicated, we currently have several practical and efficient practices:1, the icon satisfies the high definition (HDPI), this kind of icon is generally the small icon, for example: the upper right corner refreshes and so on2, there is a kind of icon, the interface reuse rate is super high, and the icon medium is large, such as: The bottom of the tab menu icon, the general design size to 3 sets, HDPI, XHDPI,

Case study: Designing a mobile app with a point-of-order function for a restaurantA function point:1. Mobile Login2. Package3. Recommended4. Snacks5. Beverages6. Shopping Cart7. Settings: Profile picture, Order history, membership level, promotionSecond drawing of Mind mapUsing the software: MindManagerLike thisThree-hand interactive diagramis to hand out the page design.Four software drawing interaction diagramSoftware tools: Axurerp, Origami (Mac sy

Longhu North Street, the app visual design part finally finishing, from the original version to now released version, the middle has undergone a variety of metamorphosis, today to do a review and collation, record this experience and experiences. Visually pleasing design is the weight of the app's quality bonus points. A app